html,body{
    height: 100%;
}

.common-style{
    background-color: #F7F7F7;
}
.top{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    background-color: #fff;
}
/*a标签样式*/
.a-style{
    display: inline-block;
    padding: 0px 10px;
    color:#0DBAF6;
    border-bottom: 2px solid #0DBAF6;
}
.a-style:hover,.a-style:visited{
    color: #0DBAF6;
}

/*中间部分*/
.main-content{
    margin-top:15px;
    font-size: 15px;
    background-color: #fff;
}
.content-items{
    height: 100px;
    border-bottom: 1px solid #F7F7F7;
}
.content-items>.detail>.time>i,.content-items>.detail>.address>i{
    color: #444;
}
.content-items>.unkown{
    height: 100px;
    line-height: 100px;
    color: #E6A855;
    box-sizing: border-box;
}

.content-items>.detail{
    /*padding-top: 15px;*/
    padding: 25px 0px;
}
.content-items>.detail>.address{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;/*文本不换行，这样超出一行的部分被截取，显示...*/
}
.content-items>.action{
    line-height: 100px;
}
.content-items>.action>a{
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #0DBAF6;
    text-align: center;
    line-height: 45px;
    color: #fff;
}
/*为什么在a标签上加class,必须要加！important才有效果?*/
.cancelReceived{
    background-color: #ACAAAB!important;
}
.selectReceived{
    background-color: #0DBAF6;
}
/*已完成*/
/*中间部分*/
.main-finish{
    display: none;
}
.finish-content{
    margin-top:15px;
    font-size: 15px;
    background-color: #fff;
}
.line-style{
    line-height: 30px;
}
/*相同部分*/
.title-left{
    padding-right: 0px;
}
.content-right{
    padding-left: 0px;
    color: #444;
}
.content-right>p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
}
.content-mini>p{
    text-align: right;
}
.content-mini>p>i{
    display: flex;
    width: 25px;
    height: 25px;
    border: 1px solid #0DBAF6;
    border-radius:25px;
    line-height: 25px;
    justify-content: center;
    align-items: center;
    margin-top:5px;
    float: right;
}
.content-mini>p>i>img{
    width: 70%;
    height: 70%;
    vertical-align: middle;
}
.content-bottom>div:nth-last-child(1){
    padding-right: 0;
    padding-left: 0;
}
.content-bottom>div:nth-last-child(1)>a{
    float: right;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
    background-color: #0DBAF6;
    color: #fff;
}
.order{
    border-bottom:1px solid #F7F7F7;
    padding: 20px 0px;
    margin: 0px 15px;
}
.col-xs-3,.col-xs-8,.col-xs-8{
    padding-left: 0;
    padding-right: 0;
}
.col-xs-2{
    padding-right: 0;
}